// pages/feedback/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imageList: [],
    textVal: '',
    tabs: [
      {
        id: 0,
        name: "体验问题",
        isActive: true
      },
      {
        id: 1,
        name: "商品商家投诉",
        isActive: false
      }
    ]
  },
  // 外网图片的路径数组
  UpLoadImgs:[],
  tabsItemChange: function (e) {
    let index = e.detail.index
    let tabs = this.data.tabs
    tabs.forEach(item => {
      if(item.id === index) {
        item.isActive = true
      } else {
        item.isActive = false
      }
    })
    this.setData({
      tabs
    })
  },
  handleChooseImage: function () {
    wx.chooseImage({
      // 每次上传最大图片数
      count: 9,
      // 图片格式 原图和压缩
      sizeType: ['original', 'compressed'],
      // 图片来源 照相机和相册
      sourceType: ['album', 'camera'],
      success: (result) => {
        console.log(result.tempFilePaths)
        this.setData({
          // 图片数组的拼接
          imageList: [...this.data.imageList, ...result.tempFilePaths]
        })
      }
    });
      
  },
  handleDeleteImg: function (e) {
    // 获取要删除图片的索引
    let  index  = parseInt(e.currentTarget.dataset.index)
    console.log(index)  // 索引正确
    let imageList = this.data.imageList
    imageList.splice(index, 1)
    console.log(imageList)
    this.setData({
      imageList
    })
  },
  handleTextInput: function (e) {
    this.setData({
      textVal: e.detail.value
    })
  },
  handleFormSubmit: function () {
    // 获取文本内容 和图片数组
    const textVal = this.data.textVal
    const imageList = this.data.imageList
    // 合法检验
    if (!textVal.trim()) {
      wx.showToast({
        title: '文本内容不能为空',
        icon: 'none',
        duration: 1500,
        mask: true
      });
      return
    }
      // 准备上传的图片到专门的服务器
      // 上传文件的api不支持多个文件一起上传 可以遍历图片数组 挨个上传
      // 显示正在上传
      wx.showLoading({
        title: '正在上传',
        mask: true,
      })
      // 判断有没有要上传的数组
      if (imageList.length != 0) {
        imageList.forEach((v, i) => {
          wx.uploadFile({
            // 图片要上传到哪里
            // 这个接口失效了，所以这个没实现
            url: 'https://images.ac.cn/Home/Index/UploadAction/',
            // 被上传的文件的路径
            filePath: v,
            // 上传文件的名称 后台来获取文件 file
            name: "file",
            // 顺带的文本信息
            formData: {},
            success: (result) => {
              console.log(result)
              let url = JSON.parse(result.data)
              this.UpLoadImgs.push(url)
              // 所有图片都上传完了才出发页面重置
              if (i === imageList.length-1) {
                // 提交都成功了
                // 重置页面
                this.setData({
                  textVal: "",
                  imageList: []
                })
                 wx.hideLoading();
                // 返回上一个页面
                wx.navigateBack({
                  delta: 1
                });
              }
            }
           });
        })
      } else {
        wx.hideLoading();
        wx.navigateBack({
          delta: 1
        });
      }
  }
})